<template>
  <!-- <div class="index">22</div> -->
  <div class="index">{{ age }}</div>
  <div class="main">wwwww</div>
  <div class="footer">{{ userStore.user }}</div>
  <button
    @click="
      userStore.setUser({
        token: '333',
        /* 用户ID */
        id: '222',
        /* 用户名称 */
        account: '333',
        /*手机号 */
        mobile: '130333333333',
        /* 头像 */
        avatar: '图片'
      })
    "
  >
    改变
  </button>
  <button @click="userStore.delUser">退出</button>
  <button @click="getUser">获取用户信息</button>
  <button @click="login">登录</button>
</template>
<script lang="ts" setup>
import { useUserStore } from '@/stores'
// import axios from '@/utils/request' // 引入请求工具
import { request } from '@/utils/request'
const { age } = defineProps<{ age: number }>()
const userStore = useUserStore()
console.log(userStore.user)
import type { User } from '@/types/user'

// 获取用户信息的方法
const getUser = () => {
  request('patient/myUser', 'get', { abc: 1 })
    .then((res) => {
      console.log('用户信息:', res)
      // 可以在这里处理返回的用户数据
      userStore.setUser(res) // 更新用户状态
    })
    .catch((err) => {
      console.error('获取用户信息失败:', err)
    })

  /*   axios
    .request({
      url: 'patient/myUser',
      method: 'get'
    })
    .then((res) => {
      console.log('用户信息:', res)
      // 可以在这里处理返回的用户数据
      userStore.setUser(res) // 更新用户状态
    })
    .catch((err) => {
      console.error('获取用户信息失败:', err)
    }) */
}
// 登录方法
const login = () => {
  request<User>('login/password', 'post', {
    mobile: '13211112222',
    password: 'abc12345'
  })
    .then((res) => {
      console.log(res.data.mobile, '成功')
    })
    .catch((err) => {
      console.log('失败', err)
    })
}
</script>
